.dialogs{
    .middleBody{
        display: flex;
        justify-content: space-between;
        .bodyLeft{
            .title{
                font-size:14px;
                font-family:PingFangSC-Medium,PingFang SC;
                font-weight:500;
                color:rgba(116,118,125,1);
                line-height:20px;
                margin-bottom: 5px;
                display: block;
                margin-top: 20px;
            }
            input{
                width:168px;
                height:28px;
                background:rgba(255,255,255,1);
                border-radius:4px;
                border:1px solid rgba(213,217,221,1);
                display: block;
            }
            .culum{
                width:168px;
                height:174px;
                background:rgba(255,255,255,1);
                border-radius:4px;
                //padding-top: 16px;
                border:1px solid rgba(213,217,221,1);
                ul{
                    width: 100%;
                    height: 100%;
                    overflow-y: auto;
                    li{
                        padding: 0 8px;
                        width: 100%;
                        height:27px;
                        background: white;

                        i{
                            float: left;
                            margin-top: 10px;
                            margin-right: 8px;
                        }
                        .name{
                            font-size:12px;
                            font-family:PingFangSC-Regular,PingFang SC;
                            font-weight:400;
                            color:rgba(50,54,58,1);
                            line-height:27px;
                        }
                        .type{
                            color: #D0D0D2;
                            font-size:12px;
                            font-family:PingFangSC-Regular,PingFang SC;
                            font-weight:400;
                            line-height:27px;
                        }
                    }
                    :hover{
                        background:rgba(243,244,246,1);
                        cursor: pointer;
                    }
                }
                ::-webkit-scrollbar {/*滚动条整体样式*/

                    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

                    height: 1px;

                }

                ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

                    border-radius: 10px;

                    -webkit-box-shadow: inset 0 0 5px #D9D8DB;

                    background: #D9D8DB;

                }

                ::-webkit-scrollbar-track {/*滚动条里面轨道*/

                    -webkit-box-shadow: inset 0 0 5px #D9D8DB;

                    border-radius: 10px;

                    background: white;

                }
            }
        }
        .bodyRight{
            padding-top: 37px;
            width: 224px;
            .title{
                font-size:14px;
                font-family:PingFangSC-Medium,PingFang SC;
                font-weight:500;
                color:rgba(116,118,125,1);
                line-height:20px;
                margin-top: 21px;
                margin-bottom: 5px;
            }
            .titleOne{
                font-size:14px;
                font-family:PingFangSC-Regular,PingFang SC;
                font-weight:400;
                color:rgba(50,54,58,1);
                line-height:22px;
            }
            input{
                width:224px;
                height:28px;
                background:rgba(255,255,255,1);
                border-radius:4px;
                border:1px solid rgba(213,217,221,1);
                font-size:12px;
                font-weight:400;
                text-indent: 8px;
                color:rgba(188,198,213,1);
                line-height:22px;
                margin-bottom: 12px;
            }
            ul{
                width:224px;
                height:116px;
                background:rgba(255,255,255,1);
                border-radius:4px;
                padding-right: 8px;
                overflow-y: auto;
                border:1px solid rgba(213,217,221,1);

                li{
                    height: 32px;
                    display: flex;
                    justify-content: space-between;
                    padding-left: 8px;
                    padding-right: 8px;
                    color:rgba(109,122,148,1);
                    span{
                        max-width:200px;
                        display:inline-block;
                        font-size:12px;
                        font-family:PingFangSC-Regular,PingFang SC;
                        font-weight:400;

                        line-height:32px;
                        overflow: hidden;
                    }
                    i{
                        color: #74767D;
                        line-height:32px;
                    }
                }
                :hover{
                    cursor: pointer;
                    background:rgba(243,244,246,1);
                    color: #32363A;
                }
            }
            ::-webkit-scrollbar {/*滚动条整体样式*/

                width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

                height: 1px;

            }

            ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

                border-radius: 10px;

                -webkit-box-shadow: inset 0 0 5px #D9D8DB;

                background: #D9D8DB;

            }

            ::-webkit-scrollbar-track {/*滚动条里面轨道*/

                -webkit-box-shadow: inset 0 0 5px #D9D8DB;

                border-radius: 10px;

                background: white;

            }
        }
    }
}
